﻿<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8"/>
	<title>onejs 测试</title>
	<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="onecore.js"></script>
    <script type="text/javascript">
function slide()
{
    onejs.anima.slide($('#iDiv')[0], [
	    [200, 500, 'width', 'px'],
		[100, 300, 'height', 'px'],
		[200, 100, 'top', 'px'],
		[100, 300, 'left', 'px']
	], 400, function(){
	    this.innerHTML = '动画完成';
	});
};

function height()
{
    onejs.anima.slide($('#iDiv')[0], [
	    [100, 500, 'height', 'px']
	], 400, function(){
	    this.innerHTML = '我变高了';
	});
}
    </script>
</head>
<body>
    <div id="iDiv" style="position:absolute;left:100px;top:200px;width:200px;height:100px;background:#f00;border:1px solid #333;"></div>
	<button id="btn1" onclick="slide();">滑动效果</button>
	<button id="btn2" onclick="height();">高度增加效果</button>
</body>
</html>